<template>
  <div>
    <p :class="type">你好</p>
    <p :class="['red','fontSize']">我是谁,我在哪</p>
    <p :class="obj">hello</p>
    
  </div>
</template>

<script>
export default {
  data() {
    return {
     color: 'red',
     fontSize:'18px',
      type:'reds',
      obj:{
        red:false,
        fontSize:true,
        bg:true
      }
    }
  },
  
}
</script>

<style >
.red {
  color: red;
}
.fontSize{
  font-size: 18px;
}
.reds{
  color: pink;
}

.bg{
  background-color: #ccc;
}
</style>